
/**
*台桌页面样式
*/
.table-list{
  @item-margin:.5rem;
  @item-height:6rem;
  &:extend(.clearfix all);
  @columns : 3;
  padding-right: @item-margin;
  padding-bottom: @item-margin;
  .table-item{
    width:100% / @columns;
    display: block;
    float: left;
    //padding-top: @item-margin;
    //padding-left: @item-margin;

    &.not-idle{
      .item{
        background-color: @color-theme-red;
      }

      .append{
        display: block;
      }
    }
  }

  .item{
    height: @item-height;
    margin-top: .5rem;
    margin-left: .5rem;
    background-color: #d0d0d0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;

    .append{
      display: none;
      position: absolute;
      right:0;
      top:0;
      height:1.5rem;
      line-height:1;
      padding:.3rem;
      z-index: 55;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      color: @color-theme-white;
      &:before{
        font-size: 1.5rem;
        line-height:1;
      }
    }

    .t_name{
      z-index: 33;
      position: absolute;
      width: 100%;
      text-align: center;
      font-size: 1.5rem;
      color: white;
    }

    .t_state{
      position: absolute;
      bottom: 0px;
      width: 100%;
      text-align: center;
      color: white;
      line-height: 2;
    }
  }
}
